.family {
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.family1 {
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.family2 {
  font-family: 'HelveticaBold', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.margin {
  margin-left: 8.33333333%;
  margin-right: 8.33333333%;
}
.padding {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.transition {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
main {
  margin-top: 100px;
  max-width: 1920px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
/* .bar{
  display: block;
  z-index: 3000;
}
.bar img{
  display: block;
  width: 250px;
  height: auto;
} */
@media only screen and (max-width: 1024px) {
  main {
    margin-top: 60px;
  }
}
.banner {
  padding-top: 20.83333333%;
  position: relative;
}
.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.solutionPage .banner{
  padding-top: 0px;
} 
.solutionPage .banner .picBox{
  position: relative;
  padding-top: 30.5209333333%;
}
.solutionPage .banner p{
    font-size: 16px;
    color: #999;
    line-height: 30px;
    width: 48%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.lazy,
.swiper-lazy-preloader {
  background: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=) no-repeat center center;
}
.common > h3{
  padding-top: 60px;
  text-align: center;
  font-size: 24px;
  color: #0066cc;
  letter-spacing: 2px;
  position: relative;
  z-index: 20;
}
.common > h4,.common > p{
  font-size: 14px;
  color: #999;
  text-align: center;
  margin-top: 58px;
  margin-bottom: 110px;
}
.common > h3 span {
  display: block;
  font-size: 72px;
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  opacity: 0.15;
  font-family: 'HelveticaBold', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
@media only screen and (max-width: 1024px) {
  .common > h3 {
    font-size: 20px;
    padding-top: 18px;
  }
  .common > h3 span {
    font-size: 32px;
  }
  .common > p{
    padding-left: 20px;
    padding-right: 20px;
  }
  .solutionPage .banner p{
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
  }
}
.swiper .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 0px;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.swiper .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}
.swiper .swiper-pagination-bullet-active {
  width: 60px;
}
.swiper .swiper-pagination-bullet-active:after {
  width: 100%;
  transition: all 4.2s linear;
  -webkit-transition: all 4.2s linear;
  -moz-transition: all 4.2s linear;
  -ms-transition: all 4.2s linear;
  -o-transition: all 4.2s linear;
}
.swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 11px;
}
.swiper .swiper-pagination-fraction,
.swiper .swiper-pagination-custom,
.swiper .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 45px;
}
@media only screen and (max-width: 1024px) {
  .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper .swiper-pagination-custom,
  .swiper .swiper-pagination-fraction {
    bottom: 0px;
  }
}
.btn_default {
  display: block;
  width: 140px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #fff;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  z-index: 100;
  margin-left: -70px;
  bottom: 20.5%;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.btn_detail {
  position: relative;
}
.btn_detail:before,
.btn_default:before,
.btn_detail:after,
.btn_default:after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn_detail:before,
.btn_default:before {
  border-bottom: 2px solid #06c;
  border-left: 2px solid #06c;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.btn_detail:after,
.btn_default:after {
  border-top: 2px solid #06c;
  border-right: 2px solid #06c;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
}
.btn_detail:hover,
.btn_default:hover {
  color: #06c;
  border: 1px solid rgba(255, 102, 102, 0) !important;
}
.btn_detail:hover:before,
.btn_default:hover:before,
.btn_detail:hover:after,
.btn_default:hover:after {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
  height: 100px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.header .logo {
  float: left;
}
.header .logo {
  background: url(../assets/images/logo_new.png) no-repeat center center;
  background-size: contain;
  width: 200px;
  height: 24px;
  margin-top: 38px;
}
.menu {
  float: right;
}
.menu .btnClose {
  display: none;
}
.btn_menu {
  display: none;
}
.mainNav > li {
  float: left;
  margin-right: 60px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  height: 100px;
  position: relative;
}
.mainNav > li:last-child {
  margin-right: 0;
}
.mainNav > li > a {
  display: block;
  font-size: 14px;
  color: #999;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 2px;
  position: relative;
  line-height: 100px;
  overflow: hidden;
}
.mainNav > li > a:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 5px;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (min-width: 1024px) {
  .mainNav > li:hover > a {
    color: #0066cc;
  }
  .mainNav > li:hover > a:after {
    width: 100%;
  }
  .mainNav > li:hover .subnav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
   
  }
}
@media only screen and (max-width: 1580px) and (min-width: 1340px) {
  .mainNav > li {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1340px) and (min-width: 1024px) {
  .mainNav > li {
    margin-right: 25px;
  }
  .header .logo {
	  /*// height: 23.59px;*/
  }
}
@media only screen and (max-width: 1024px) {
  .mainNav > li {
    float: none;
    clear: both;
    margin-right: 0px;
    margin: 0 20px !important;
    height: auto;
    padding: 12px 0;
    border-top: 1px solid #fff;
  }
  .mainNav > li > a {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    position: relative;
  }
  .mainNav > li > a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 20px;
    left: auto;
    width: 15px;
    height: 1px;
    background-color: #fff;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
  }
  .mainNav > li > a:before {
    content: "";
    position: absolute;
    top: 3px;
    right: 27px;
    width: 1px;
    height: 15px;
    background-color: #fff;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
  }
  .mainNav > li > a.active:before {
    display: none;
  }
}
.subnav {
  position: absolute;
  top: 96px;
  left: 50%;
  /* width: 180px; */
  /* margin-left: -90px; */
  min-width: 160px;
  background-color: #fff;
  box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -webkit-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -moz-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -ms-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -o-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  padding-top: 23px;
  padding-bottom: 26px;
  visibility: hidden;
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
  opacity: 0;
}
.subnav > li {
  text-align: center;
  margin: 14px 0;
  padding: 0 20px;
}
.subnav > li a {
  font-size: 14px;
  color: #999;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 2px;
  white-space: nowrap;
}
.subnav > li:hover a {
  color: #0066cc;
}
.subnav:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -webkit-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -moz-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -ms-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -o-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
}
@media only screen and (max-width: 1200px) {
  .header .logo {
    width: 180px;
  }
}

@media only screen and (max-width: 1024px) {
  .header {
    padding: 0 20px;
    height: 60px;
  }
  .header .logo {
    width: 160px;height: 20px;
    margin-top: 20px;
  }
  .btn_menu {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 20px;
  }
  .btn_menu span {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
  }
  .btn_menu span:nth-child(1) {
    top: 0;
    left: 0;
  }
  .btn_menu span:nth-child(2) {
    top: 50%;
    left: 0;
    margin-top: -1px;
  }
  .btn_menu span:nth-child(3) {
    bottom: 0;
    left: 0;
    top: auto;
  }
  .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 2000;
    background-color: rgba(0, 102, 204, 0.8);
    display: none;
  }
  .menu .btnClose {
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENDdCRjJBNDUyMTFFOEE0NjhDMzYyMzVDM0U5MkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENDdCRjNBNDUyMTFFOEE0NjhDMzYyMzVDM0U5MkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ0N0JGMEE0NTIxMUU4QTQ2OEMzNjIzNUMzRTkyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ0N0JGMUE0NTIxMUU4QTQ2OEMzNjIzNUMzRTkyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFWGogAAAEySURBVHjavNdLCsIwEIDh6MKjmK0XUlsfCK49TeklxCt4Ai/gyp0gbqVtnNgEQkjbzDRjYBZV6f81VkWhlBIwU5gSZmOOOWcOc7TH9sFCtathRuj4w7ROLiCHqZgRblyvi9559wUaUZsn68SIUHzm7gAnojMeAqRG9Ma7ACFEzhHvA4xFRMWHAMJsPxYRHY8BYBGoeCzAR1QdCHQcAxhCkOJYgEU0HoIcpwBCiBc1TgX4CHJcz1TQ1hXm7RzDpYgzzAd9pgTfcMp5OzLs+bBxGbjhDt49kXEBZM/dvvUQ69QAGfFRIyFSxcmIlHE7Ow+xogLkiG+4aARHHIXgikcjOON29h5i2QXgiA8i/hHvRdj/hTfmeAhRuDuwgHkyx11EaS5cTH6KdkmYO+kndcT6CjAAirqm0Oi9+IIAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 16px 16px;
    position: fixed;
    top: 21px;
    right: 21px;
  }
  .subnav {
    position: static;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-left: 0;
    background-color: rgba(255, 255, 255, 0);
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }
  .subnav:after {
    display: none;
  }
  .subnav li {
    text-align: left;
  }
  .subnav li a {
    color: #fff;
    font-size: 12px;
  }
  .mainNav {
    margin-top: 68px;
  }
}
.footer {
  background-color: #081a2a;
  padding-top: 62px;
  padding-bottom: 32px;
  position: relative;
}
.footer address {
  float: left;
  margin-left: 8.33333333%;
}
.footer address p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
}
.footer .code{
  float: right;
  margin-right: 8.33333333%;
  margin-top: 30px;
}
.footer .code img{
  width: 100px;
  height: auto;
  margin-left: 10px;
}
.footer i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #003366;
  margin-top: 78px;
  margin-bottom: 25px;
}
.footer .copyright {
  font-size: 12px;
  color: #999;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.footer .copyright a {
  font-size: 12px;
  color: #999;
  margin-left: 26px;
}
.footer .share {
  position: absolute;
  bottom: 30px;
  right: 8.33333333%;
}
@media only screen and (max-width: 1024px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer address {
    margin-left: 20px;
    margin-right: 20px;
    display: none;
  }
  .footer .code{
    display: none;
  }
  .footer i {
    margin-top: 29px;
    margin-bottom: 25px;
    display: none;
  }
  .footer .copyright {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
  }
  .footer .copyright a {
    display: block;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 4px;
  }
  .footer .share {
    position: static;
    text-align: center;
    margin-bottom: 30px;
    display: none;
  }
}
.share {
  font-size: 0px;
}
.share .btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 14px;
  position: relative;
}
.share .btn:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -14px;
  width: 1px;
  height: 18px;
  background-color: #999;
}
.share .btn_sg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUE0MEE3NjlBMTIyMTFFOEJBMDlCQjY2RjA2ODg5QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUE0MEE3NkFBMTIyMTFFOEJBMDlCQjY2RjA2ODg5QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTQwQTc2N0ExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTQwQTc2OEExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm4oI2YAAAHASURBVHjalNNLSNRRFMfxccrMV1oLQRdObjXwASKSuVHRhSgkQdAmlxmZihs3uhBxFYSMVrtEVFyoC1E0BDFBNwYhmmibGSozFRUF8VHo98Bv4jI+wD984M7933v+59x7JiIQCHiu+bSiEaf4Cr/P5+uzF17P9Z/P6EAXEtEbDAY7rwqWjg9YxjRSnHdTWMMK8vAGNQR8FhFWZhTaUIcbzvwLvNc4HsPIxB/kYwb7N50NdzGChxdkaoFfoRAJmMBTrKMUo3gdChajifxLyvaH/S7BIA4tI8TaZChYZ1igv1hAEMe4j2zc0vsTbCKJmzzgvIoYf7Izs8GkFm3r6j9iNyybO3iJZtzWniaCzYcWeNUz9nxHFt7qPBaV4Rc8wh7aUaX1xZglqxw3WIHGz/FDX3+HDB28LR7TBXk0XtA4Uh/+H8za4ci+orlq3dYTbGguDmlOyW4X/HKDjStgpuZ+Ywhz+Kc5y3hJ40o1tUcf63aD1Sp6L1LVsNakP5EMO+Ay3aodRb/2bqGcC9h107W/QK7a4xt60IIdBYhGBQbwQPusx+qV8bnarbTHWmxn1aBS7qnUbZU5pApWL+rsMwEGABgldQ49F9f4AAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 19px 15px;
}
.share .btn_sg:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZCRjgyRDVBNUY1MTFFODk2MTlBREMzMjNFNDM4RDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ZCRjgyRDRBNUY1MTFFODk2MTlBREMzMjNFNDM4RDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTQwQTc2OUExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTQwQTc2QUExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsV1680AAAG5SURBVHjalNJfKN1hHMfx3zmjmX9jF2oulFsUWUsn7AZtF6JIqd1wY40Yy40bLiRXSnI27ki2duG4WFs7UkJNypFkE26Uf/OnQ9uNv/F+6kNPZ6jzq1c9v+fP93m+z/N1OTVzTphfO5pxiQX0XvY/+2QG3E743xR68AEJGHa9CXjvC5aGfixjEsnW2AS2sYIcdKGWgK9dIWk+RAca8cDqf4s+teMwikzswoNp/IuwFiTiK3JvOakJXI8XeAw/KvEHL/EN766DRavDc0favSH/RRjBsTkRYuw784YEOse80vmCWZxa42fYRxIv6dfYmLmzAhrjmhTU0w/gKOQ08ahDK6K0poVgN5fuVs2Ybw1Z6NZ9LOmEAeTjLzpRrvmF+MkrZtvB8tSuwoZ2/4h0XbyZ/F0P5Ki9qHakNr4JZsrhxOyivmq9VgX21BeLVCtluwq27GA/FDBTfTvwYQYX6jMn/qV2qYra0WaDdrAGRR9GigrWFOkmnsJc8Cu9mLmKz1p7gGIe4Mg+7jqeqzx+YwhtOFSARyhRiWRonamxJp34v9xNamWabO7qvVJ5olSDStOnDFZvq+wrAQYAJUtw7JyhHycAAAAASUVORK5CYII=) no-repeat center center;
}
.share .btn_qq {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFNzdGQ0FBMTIyMTFFOEEwOTRFQ0UwRTYzMENBRkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFNzdGQ0JBMTIyMTFFOEEwOTRFQ0UwRTYzMENBRkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkU3N0ZDOEExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkU3N0ZDOUExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkKedcAAAADtSURBVHjaYvz//z8DMnj48GEEkMoHYmOo0BkgniAvL78KWR0jskagpolAKo8BO+gHai7C0AjUZA+kDjDgB/ZAzYdADCYkwVgGwiAKxkDWqEOERj0UpwKdCRI4j2YQNvAPiHWBzr3GhGQSExE2gtSogW188OABB5A+ghT8hMBxIHYEmVBCgiYQsATiQpCNz4AMSQbSwBOQjeJAfI0ETddBFoE0JgGxFRA/JULTYyC2AOIUJmDQLoQK3idC4x1QgAL1LIBFQS4Q2xCh0RGIM5BTzjYgvgiN4O9AfBiI/YE4AMr+DpW7AMS7QRoAAgwAqRVA+FjRMj8AAAAASUVORK5CYII=) no-repeat center center;
  background-size: 14px 15px;
}
.share .btn_qq:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUNFRUE1RDRBNUY1MTFFODg2MTFGQTYwMUI0OTlCQzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUNFRUE1RDNBNUY1MTFFODg2MTFGQTYwMUI0OTlCQzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkU3N0ZDQUExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkU3N0ZDQkExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuOA3jQAAADpSURBVHjaYvz//z8DMmBMPxsBpPKB2BgqdAaIJ/yfabwKRR2yRqCmiUAqjwE76AdqLsLQCNRkD6QOMOAH9kDNh0AMJiTBWAbCIArGQNaoQ4RGPRSnAp0JEjiPZhA28A+IdYHOvcaEZBITETaC1KiBbWRIO8MBpI8gBT8hcByIHUEmlJCgCQQsgbgQpDGLgXSQDdIoDsTXSNB0HYglQRqTgNgKiJ8SoekxEFsAcQoTMGgXQgXvE6HxDjgKZxovgEVBLhDbEKHREYgzkFPONiC+CI3g70B8GIj9gTgAyv4OlbsAxLtBGgACDAAkyT65TIfFVgAAAABJRU5ErkJggg==) no-repeat center center;
}
.share .btn_wx {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ0NjlGQkVBMTIyMTFFOEE1OUFFMzAzRUM2QTBCQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ0NjlGQkZBMTIyMTFFOEE1OUFFMzAzRUM2QTBCQzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDQ2OUZCQ0ExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDQ2OUZCREExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi6/8PsAAAFhSURBVHjajNPPK0RRGMbxO2OQKLOwkNIYC1F+ZMVGLKQsrWyxYmchyh8giY21mg1J2ViQhSSJUmwUqVnMrEhoaMiv5PvquXW6zR3e+nTvmbk995zznhvJZDKeqhrjGEI7KpDDKdaxii8vUIlE4vca1bgPl5hHl0Ks4hhACmdo9ELKgpqxgzrcYjfwzDbuNMsD1IQFzTkzWMGws4R7jTc1rsdsoaAIe5TnWun89oGywPgBh3ruTbM+xpW/RxZkD5Z64bWl4MEC/+1hgrC0Le28SMg+2kJCrPpxks1mk1F1KqwenU6NYFn310jiU5u/FNE5msKCLdUJSeMFHRrn1JRyja3Dtbp/9c/RItYCs7HOfTvjuBPiOSFW7zHdlKABozhCk056Czq9v2vDD7Il9TozSOtapU+mtUjIBWaiIcvwK68XpAp9ZzqwPbT/OfaPaVvnxjCNbnXJDugNJrUFTz8CDACyu1LxtuYWzwAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: 18px 14px;
}
.share .btn_wx:after {
  display: none;
}
.share .btn_wx:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0RjY4N0FBNUY1MTFFODhENkNCRDU5MDNDRUZCMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0RjY4NzlBNUY1MTFFODhENkNCRDU5MDNDRUZCMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDQ2OUZCRUExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDQ2OUZCRkExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrBqK3gAAAFXSURBVHjajJLPK0RRFMffjMckioWFlMJClEgKC2JraWWlsBA7C1n4AySxsVOWJGVjQRaSpCFZsZCabEloCPnV8DnTd3J7vXl869O9573b99xzzo15o6eeVAZj0A/NUAxpOIE1WIEvL6DvpbbsGpNRL6xClZdfZ0pyFWYUhwbYlskN7AQMtuBWt9yHirAsZjSjMkzLMOCUcKd4Q3E1TIcZWWnPrCXOtw8oCsT3cKBzb7p1Ei7cHtnBwojebMq4L+TfLoxjljKjY4KOPCZ7UAN1EYms/Hbr0WzEoQfHZAgWtb+EWvhU8xdy45+EuWypv0rBC7QoTmsoCcU24UrtX+PazOsdubLJZZy43DHxHBPTu69NgXoxDIdQr5feCK3e31rPleYreyZwoBSOoCnC5By6fKeMMNkb61Hpg0oYnFg343/y/3Ftm9wITEGnpmQP9Bom1ILHHwEGAA4SU1LVOnh6AAAAAElFTkSuQmCC) no-repeat center center;
}
.bannerSwiper {
  padding-top: 0;
}
.bannerSwiper .swiper-slide {
  position: relative;
  padding-top: 44.27083333%;
}
.bannerSwiper .swiper-slide h3 {
  font-size: 64px;
  color: #fff;
  letter-spacing: 5px;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.bannerSwiper .swiper-slide h3 span {
  display: block;
  font-size: 36px;
  color: #fff;
  letter-spacing: 45px;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.bannerSwiper .swiper-slide h4 {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}
.bannerSwiper .swiper-slide .desc {
  position: absolute;
  top: 50%;
  left: 8.33333333%;
  z-index: 100;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
  .bannerSwiper .swiper-slide .desc {
    display: none;
  }
}
.news {
  padding-top: 96px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  background-color: #f9fbfe;
  padding-bottom: 174px;
}
@media only screen and (max-width: 1024px) {
  .news {
    padding: 0 20px;
    padding-top: 40px;
  }
}
.news_list {
  margin: 0 -10px;
  margin-top: 65px;
}
.news_list > li {
  width: 25%;
  float: left;
  position: relative;
}
.news_list > li:hover .picBox img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.news_list > li:hover a > p {
  color: #06c;
}
.news_list > li:hover a > time {
  color: #06c;
}
.news_list a {
  display: block;
  background-color: #fff;
  padding-left: 14.54545455%;
  margin: 0 10px;
  padding-top: 68px;
  position: relative;
}
.news_list a > h3 {
  font-size: 14px;
  color: #999;
}
.news_list a > p {
  font-size: 18px;
  color: #333;
  margin-top: 20px;
  line-height: 36px;
  height: 108px;
  overflow: hidden;
}
.news_list a > time {
  font-size: 14px;
  color: #999;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.news_list a > i {
  display: block;
  margin-top: 23px;
  margin-bottom: 21px;
  height: 1px;
  width: 100%;
  background-color: #eee;
}
.news_list a .picBox {
  position: relative;
  padding-top: 72.25609756%;
  overflow: hidden;
  top: 18px;
}
.news_list a .picBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (max-width: 1024px) {
  .news_list {
    margin-top: 32px;
  }
  .news_list > li {
    float: none;
    clear: both;
    width: auto;
    margin-bottom: 20px;
  }
  .news_list a {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 0px;
  }
  .news_list a h3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a > p {
    font-size: 16px;
    height: auto;
    padding-top: 10px;
    margin-top: 0px;
    line-height: 24px;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a > i {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .news_list a time {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a .picBox {
    top: 0;
    margin-top: 20px;
    margin-left: 15px;
    padding-top: 68.256098%;
  }
}
.solution {
  position: relative;
  height: 752px;
  overflow: hidden;
}
.solution .picImg {
  position: absolute;
  top: 50%;
  width: 1920px;
  height: 752px;
  left: 50%;
  margin-left: -960px;
  margin-top: -376px;
}
.solution .picArea {
  position: absolute;
  top: 72px;
  left: 50%;
  width: 786px;
  height: 619px;
  margin-left: -393px;
  background: none;
  z-index: 100;
}
.solutionNav{
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 125px;
}
.solutionNav .list{
  margin: 0 -2px;
  margin-top: 50px;
}
.solutionNav .list li{
  width: 33.333333333%;
  float: left;
  margin-bottom: 4px;
}
.solutionNav .list a{
  display: block;
  background-color: #f9fbfe;
  text-align: center;
  margin: 0 2px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  padding-top: 34px;
  padding-bottom: 26px;
}
.solutionNav .list h3{
  font-size: 14px;
  color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  text-transform: capitalize;
}
.solutionNav .list p{
  font-size: 18px;
  color: #333;
  margin-top: 8px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.solutionNav .list a:hover,.solutionNav .list a.current{
  background-color: #0066cc;
}
.solutionNav .list a:hover h3,
.solutionNav .list a:hover p,
.solutionNav .list a.current h3,
.solutionNav .list a.current p{
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .solution {
    height: 410px;
  }
  .solution .picArea {
    width: 80%;
    height: auto;
    margin-left: -40%;
  }
  .solutionNav{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .solutionNav .list{
    margin-top: 30px;
  }
  .solutionNav .list li{
    width: 100%;
  }
}
.join {
  padding-top: 130px;
  padding-bottom: 150px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.join .list {
  margin: 0 -18px;
  margin-top: 60px;
}
.join .list li {
  width: 50%;
  float: left;
}
.join .list a {
  display: block;
  margin: 0 18px;
  position: relative;
}
.join .list a:hover .desc {
  opacity: 0.8;
}
.join .list a:hover img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.join .list .box {
  position: relative;
  padding-top: 53.57142857%;
  overflow: hidden;
}
.join .list img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.join .list .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  background-color: #1f69f1;
  padding-top: 26px;
  padding-left: 40px;
  padding-right: 40px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.join .list h3 {
  font-size: 14px;
  color: #fff;
}
.join .list p {
  font-size: 18px;
  color: #fff;
  margin-top: 6px;
}
@media only screen and (max-width: 1024px) {
  .join {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
  .join .list {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
  }
  .join .list li {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 30px;
  }
  .join .list a {
    margin: 0px;
  }
  .join .list .desc {
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    padding-top: 13px;
    padding-bottom: 14px;
  }
  .join .list p {
    font-size: 14px;
    height: 30px;
    overflow: hidden;
  }
}
.development {
  padding-top: 150px;
  background-color: #f9fbfe;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
@media only screen and (max-width: 1024px) {
  .development {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.devel_swiper {
  margin-top: 80px;
}
.devel_swiper .swiper-slide {
  background-color: #fff;
}
.devel_swiper .swiper-slide:hover .picBox img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.devel_swiper .swiper-slide:hover .box time {
  color: #06c;
}
.devel_swiper .swiper-slide:hover .box p {
  color: #06c;
}
.devel_swiper .swiper-slide:hover .box .detail {
  color: #06c;
}
.devel_swiper .box {
  display: block;
  padding-bottom: 22px;
}
.devel_swiper .box time {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  padding-right: 10px;
}
.devel_swiper .box P {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 10px;
  height: 50px;
  overflow: hidden;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.devel_swiper .box i {
  display: block;
  margin-top: 14px;
  margin-bottom: 14px;
  border-top: 1px solid #ccc;
  margin-left: 20px;
  margin-right: 10px;
}
.devel_swiper .box .detail {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  padding-right: 10px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.devel_swiper .picBox {
  overflow: hidden;
  position: relative;
  padding-top: 59.30851064%;
}
.devel_swiper .picBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (max-width: 1024px) {
  .devel_swiper {
    margin-top: 40px;
  }
}
.common_swiper {
  position: relative;
  padding-bottom: 156px;
}
.common_swiper .swiper-container {
  position: static;
}
.common_swiper .swiper-container-horizontal > .swiper-pagination-bullets,
.common_swiper .swiper-pagination-custom,
.common_swiper .swiper-pagination-fraction {
  bottom: 90px;
}
.common_swiper .swiper-pagination-bullet {
  background-color: rgba(184, 219, 252, 0.5);
}
.common_swiper .swiper-pagination-bullet-active:after {
  background-color: rgba(0, 102, 204, 0.8);
}
@media only screen and (max-width: 1024px) {
  .common_swiper {
    padding-bottom: 70px;
  }
  .common_swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .common_swiper .swiper-pagination-custom,
  .common_swiper .swiper-pagination-fraction {
    bottom: 30px;
  }
}
.activity {
  padding-top: 86px;
  padding-bottom: 0;
}
.activity .list {
  padding-bottom: 185px;
}
.activity .swiper-container-horizontal > .swiper-pagination-bullets,
.activity .swiper-pagination-custom,
.activity .swiper-pagination-fraction {
  bottom: 118px;
}
.activity .swiper-slide {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .activity {
    padding-top: 50px;
  }
  .activity .list {
    padding-bottom: 80px;
  }
  .activity .swiper-container-horizontal > .swiper-pagination-bullets,
  .activity .swiper-pagination-custom,
  .activity .swiper-pagination-fraction {
    bottom: 30px;
  }
}
.industry {
  padding-top: 70px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.industry .swiper-slide {
  padding-right: 32px;
}
.industry .swiper-slide .box {
  position: relative;
}
.industry .swiper-slide .box:after {
  content: "";
  background-color: #0066cc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.industry .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.industry .swiper-slide .desc {
  position: absolute;
  bottom: 37px;
  left: 0;
  padding: 0 44px;
  z-index: 100;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
}
.industry .swiper-slide h3 {
  font-size: 14px;
  color: #fff;
}
.industry .swiper-slide p {
  font-size: 18px;
  color: #fff;
}
.industry .wd5 {
  width: 50%;
}
.industry .wd5 .box {
  padding-top: 47.70408163%;
}
.industry .wd2 {
  width: 25%;
}
.industry .wd2 .box {
  padding-top: 100%;
}
.industry .swiper {
  margin-top: 84px;
  padding-bottom: 135px;
  margin-right: -32px;
}
.industry .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
.industry .swiper .swiper-pagination-custom,
.industry .swiper .swiper-pagination-fraction {
  bottom: 70px;
}
.industry .swiper-slide:hover .box:after {
  opacity: 0.6;
}
.industry .swiper-slide:hover .desc {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
@media only screen and (max-width: 1024px) {
  .industry {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .industry .swiper {
    margin-top: 42px;
    margin-right: -16px;
    padding-bottom: 60px;
  }
  .industry .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .industry .swiper .swiper-pagination-custom,
  .industry .swiper .swiper-pagination-fraction {
    bottom: 20px;
  }
  .industry .swiper-slide {
    padding-right: 16px;
  }
  .industry .swiper-slide p{
    font-size: 14px;
  }
}
.organization {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 83px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.organization .list {
  margin-right: -35px;
  margin-top: 56px;
}
.organization .list li {
  width: calc(33.3333333% - 35px);
  margin-right: 35px;
  float: left;
  font-size: 14px;
  color: #666;
  border-bottom: 1px dashed #999;
  padding: 15px 0;
  position: relative;
  height: 50px;
  overflow: hidden;
  padding-left: 30px;
}
.organization .list li:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJBRDdEMDlBMUJBMTFFODhEOTRFQ0Y5RkZBRkMwRUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJBRDdEMEFBMUJBMTFFODhEOTRFQ0Y5RkZBRkMwRUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkFEN0QwN0ExQkExMUU4OEQ5NEVDRjlGRkFGQzBFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkFEN0QwOEExQkExMUU4OEQ5NEVDRjlGRkFGQzBFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmHz3fwAAABYSURBVHjaYmQovMiABhqhdD2yIAsWRXVIfLhiJjyK6pBMhytEV4ShmAWPImTF/0EmMjIQBoxMUB3NeBQ1gTzFhGR8Ey5F6L6uR1PchBw86OFYj4PNABBgAKgqEVfbM2LqAAAAAElFTkSuQmCC) no-repeat center center;
}
@media only screen and (max-width: 1024px) {
  .organization {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }
  .organization .list {
    margin-top: 28px;
    margin-right: 0;
  }
  .organization .list li {
    width: 100%;
    margin-right: 0px;
  }
}
.cooperation {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 114px;
}
.cooperation .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 90px;
}
.cooperation article {
  width: 50%;
}
.cooperation article h3 {
  font-size: 18px;
  color: #6a8cab;
  line-height: 30px;
}
.cooperation article h4 {
  font-size: 14px;
  color: #999;
  margin-top: 15px;
  line-height: 24px;
}
.cooperation article p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.cooperation article strong {
  font-size: 14px;
  color: #333;
}
.cooperation article img {
  position: absolute;
  top: 7px;
  right: 0;
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .cooperation {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 65px;
  }
  .cooperation .container {
    margin-top: 35px;
  }
  .cooperation article {
    width: 100%;
  }
  .cooperation article img {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}
.aboutPage .banner {
  padding-top: 26.04166667%;
}
.aboutPage .mod2 {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 66px;
}
.aboutPage .info {
  position: relative;
  min-height: 330px;
  margin-top: 60px;
}
.aboutPage .info h3 {
  font-size: 18px;
  color: #0066cc;
  line-height: 30px;
}
.aboutPage .info h4 {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 14px;
}
.aboutPage .info p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  padding-left: 446px;
}
.aboutPage .info .desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 446px;
}
@media only screen and (max-width: 1024px) {
  .aboutPage .mod2 {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .aboutPage .info {
    margin-top: 30px;
  }
  .aboutPage .info p {
    padding-left: 0;
  }
  .aboutPage .info .desc {
    position: static;
    width: auto;
  }
}
.about .list {
  margin-top: 95px;
}
.about .list li {
  width: 33.3333333%;
  float: left;
  background-color: #F9fcff;
  padding-top: 48px;
  padding-bottom: 54px;
  text-align: center;
}
.about .list li h5 {
  font-size: 14px;
  color: #0066cc;
}
.about .list li h6 {
  font-size: 18px;
  color: #333;
}
.about .list li p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 30px;
}
.about .list li:nth-child(2) {
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .about .list {
    margin-top: 30px;
  }
  .about .list li {
    width: 100%;
    float: none;
    clear: both;
  }
}
.structure {
  background-color: #f9fbfe;
  padding-top: 42px;
  padding-bottom: 60px;
}
.structure > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: none;
  margin-top: 70px;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .structure > img {
    width: 80%;
  }
}
.btn_detail {
  display: block;
  width: 140px;
  height: 44px;
  border: 2px solid #0066cc;
  font-size: 14px;
  color: #0066cc;
  text-align: center;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 49px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.btn_detail:hover {
  color: #0066cc;
}
@media only screen and (max-width: 1024px) {
  .btn_detail {
    margin-top: 30px;
  }
}
.team {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 123px;
}
.team .list {
  margin-right: -22px;
  margin-top: 80px;
}
.team li {
  width: calc(16.66666666% - 22px);
  float: left;
  padding-top: calc(16.66666666% - 22px);
  position: relative;
  margin-right: 22px;
}
.teamMod li {
  /* width: calc(33.333333% - 22px); */
  float: left;
  padding-top: 0px;
  position: relative;
  margin-right: 0px;
  margin-bottom: 30px;
}
.teamMod li:first-child{
  width: 100%;
}
.teamMod li:nth-child(2){
  width: 50%;
}
.teamMod li:nth-child(3){
  width: 50%;
}
.teamMod li:first-child .box{
  position: relative;
  padding-top: calc(20% - 22px);
  width: calc(20% - 22px);
  margin-left: auto;
  margin-right: auto;
}
.teamMod li:nth-child(2) .box{
  position: relative;
  padding-top: calc(40% - 22px);
  width: calc(40% - 22px);
  float: right;
  margin-right: 22px;
}
.teamMod li:nth-child(3) .box{
  position: relative;
  padding-top: calc(40% - 22px);
  width: calc(40% - 22px);
  float: left;
  margin-left: 22px;
}
@media only screen and (max-width: 1024px) {
  .teamMod li{
    padding-top: 0px !important;
  }
  .teamMod li:first-child{
    width: 100%;
  }
  .teamMod li:nth-child(2){
    width: 100%;
  }
  .teamMod li:nth-child(3){
    width: 100%;
  }
  .teamMod li:first-child .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    margin-left: auto;
    margin-right: auto;
  }
  .teamMod li:nth-child(2) .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    float: none;
    clear: both;
    margin-right: 0px;
  }
  .teamMod li:nth-child(3) .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    float: none;
    clear: both;
    margin-left: 0px;
  }
}
.team li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.team li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0066cc;
  opacity: 0.3;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.teamMod li:after{
  display: none;
}
.teamMod li .box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0066cc;
  opacity: 0.3;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.team li .box:hover .desc {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 1;
}
.team li .box:hover:after {
  opacity: 0.3;
}
.teamPage .team li:hover .desc {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 1;
}
.teamPage .team li:hover:after {
  opacity: 0.3;
}
.team .desc {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 100;
  margin-top: -72px;
  transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.team .desc h3 {
  font-size: 16px;
  color: #fff;
}
.team .desc h4 {
  font-size: 14px;
  color: #fff;
}
.team .desc p {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin: 0 10px;
  text-align: left;
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .team {
    padding-top: 50px;
    padding-bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .team .list {
    margin-top: 40px;
    margin-right: -5px;
    margin-left: -5px;
  }
  .team li {
    width: calc(50% - 10px);
    margin-right: 0;
    padding-top: calc(50% - 10px);
    margin: 0 5px !important;
    margin-bottom: 20px !important;
  }
}
.tab {
  text-align: center;
  font-size: 0;
  margin-top: 60px;
}
.tab a {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 25px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 1px;
}
.tab a:hover,
.tab a.active {
  color: #0066cc;
}
@media only screen and (max-width: 1024px) {
  .tab {
    margin-top: 30px;
  }
  .tab a {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #ccc;
  }
  .tab a:last-child {
    border-bottom: 1px solid #ccc;
  }
}
.newsPage .news {
  padding-bottom: 200px;
}
.newsPage .news_list li {
  margin-bottom: 145px;
}
@media only screen and (max-width: 1024px) {
  .newsPage .news {
    padding-bottom: 80px;
  }
  .newsPage .news_list li {
    margin-bottom: 50px;
  }
}
.paging {
  font-size: 0px;
  text-align: center;
}
.paging a {
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 14px;
  color: #999;
  margin: 0 10px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .prev,
.paging .next {
  position: relative;
  background-color: rgba(0, 102, 204, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.paging .prev:after,
.paging .next:after {
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .prev:before,
.paging .next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .pg {
  position: relative;
  vertical-align: 20px;
}
.paging .pg:after {
  content: '';
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 1px;
  background-color: #fff;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .pg:hover,
.paging .pg.current {
  color: #0066cc;
}
.paging .pg:hover:after,
.paging .pg.current:after {
  background-color: #0066cc;
}
.paging .prev:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
}
.paging .prev:hover:before {
  width: 100%;
  height: 100%;
}
.paging .prev:hover:after {
  animation: prev-move 1s 1;
}
.paging .next:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
}
.paging .next:hover:before {
  width: 100%;
  height: 100%;
}
.paging .next:hover:after {
  animation: prev-move 1s 1;
}
@keyframes prev-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  51% {
    opacity: 0;
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) {
  .paging a {
    width: 5px;
    height: 8px;
  }
  .paging .pg {
    vertical-align: 8px;
  }
  .paging .prev,
  .paging .next {
    width: 26px;
    height: 26px;
  }
  .paging .prev:after,
  .paging .next:after {
    width: 5px;
    height: 8px;
    margin-top: 0;
    margin-left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .paging .prev:before,
  .paging .next:before {
    width: 16px;
    height: 16px;
  }
  .paging .prev:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 5px auto;
  }
  .paging .next:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 5px auto;
  }
}
.news_detail {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 60px;
}
.news_detail time {
  display: block;
  font-size: 14px;
  color: #999;
}
.news_detail p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  text-indent: 2em;
}
.news_detail table{
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
}
.news_detail table td{
  text-align: center;
  padding: 10px 0;
}
.news_detail h3 {
  font-size: 26px;
  color: #333;
  margin-top: 18px;
}
.news_detail img {
  max-width: 100% !important;
  height: auto !important;
  margin-left: -2em;
}
.news_detail .share {
  margin-top: 50px;
}
.news_detail .share .btn {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.news_detail .share .btn:after {
  display: none;
}
.news_detail .share .btn_sg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzBBN0ZCRUFBMUVEMTFFODkxNTNGOTg0QkQ1NzY1NDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzBBN0ZCRUJBMUVEMTFFODkxNTNGOTg0QkQ1NzY1NDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE3RkJFOEExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE3RkJFOUExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqfgRtgAAAHpSURBVHjanNNPSFRRFMdxJ0YKDSdBxKRy4WIWU6CYQYKoUARtgkZyESUaDQm6kWBCiWZW2kJ0ocQM/RkNInCjkn/6s5L8szGhIIM2bSIQk9BSjLK+B34Dl8eMCx98ePe9d+95955zry+RSOTs41pGCJuYx/1IJPLWPhzI2d/1Bk9hQc5hNplMdtgHX5YZ2o8uohFFGMK0870ADVjBD4yi1vgzBKvAQ1Q5706hzHm+hBG1Y7iCz4h6A17FIxz0vLdcWd865e4PStGMHjzBpC3fDdiCx1lydgzftPz0dQ1tCnhUSz+SLorlY69yBzzB7CrGJ3Sq6uX4YjM8jGHkquM2nmEKH/XngPLYhLAVEz9xnO3Sb4Oo8h1Li1U5SqNXwSZwE6uoRI0GvsB39Tmrfjbjf4gTNO5ujxa1Z3BZA60w7zCIlCpYoX4L6FDbZhpjdvVuwKDaXfiL62jFrpOvQnQ7z689+Qy5ATfU/uosaU65vecMOuS0g56Ai27AlNph3ef13nJ43hn0QPc89Dvvn5PDpfSDX0s9gz6sqeInMK7Ef9BMreontVerNd428w3vmf2lE9CnHW9J39KpOY3bOnav8F7B7MftdgSZ3ZYbMH1SfuMuBrT0C7iFEuRjXSfF0vMSY9jJdAL+CzAA5Rxw707xjnUAAAAASUVORK5CYII=) no-repeat left center;
  margin-left: 0;
}
.news_detail .share .btn_sg:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM2NUZCOENBNkExMTFFOEE5QUZGRDhBNjVBNjg5M0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM2NUZCOEJBNkExMTFFOEE5QUZGRDhBNjVBNjg5M0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE3RkJFQUExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE3RkJFQkExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmeVgS4AAAHrSURBVHjanNRBSFVBFMbx+8RINFJJRKVs4eItTErUQCHEMIIQWigVhEaKiaAbCRRd2FuVC3ElophaQQVuLNTMXESUhfRQFCxw4yYCsRQrI7D0f+S7MF2yhQM/3tyZO+fOnJl5Ie/Ge28fZRbZ+IZpdGz35r22jhhvf2UKD2BBSvEqVBdttI7QHjO0D11ABVLQjWdO/2GU4APWMYwzJvYfwU6hH3lOWw6OO88XcV/1W7iEJTQHA17FXRwMtFuu7N1i5W4LGbiG2xjEmC3fDXgdA3vk7Cg+a/l+qUS9AqZr6Un+plg+ev+zCYmBYFZS8RFN2vUsLNsMD+EeDujFn3iIcSzqy4nK42WU726m533HMY5L1+7u1kVbLC22y81U7ijYU9RiBbko0sBRfNE7hXrPZryNCEEj/rQtoE07jAmUqb0P1c7y1nAWc3q+gkdOfwlBX/rnLazGVvxGlYL9cQYko815fhHIZ7Z7gDdU/+Qs6Y1y2+4MinPq4UDAd27AIdXL9TutdsvhOWdQj37j0eW0P2a5Uf8hVks9jU6sascz8USJX9BMbddP6KwWaLwd5prgnf2hG9CpE/8Wm7o1+bipazeJeQWzDzfYFWR2m27A4J/DES39PE4iDQn4qpsyg+cYwS8bQMC/krkjwAB5kXIdmrSUzAAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_qq {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzNBRkM5MDZBMUVEMTFFOEI4RDJFNTNFRUMwMzY2REIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzNBRkM5MDdBMUVEMTFFOEI4RDJFNTNFRUMwMzY2REIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDM0FGQzkwNEExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDM0FGQzkwNUExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PolxLTgAAAEHSURBVHjaYvz//z8DMpg1a5YqkKoCYk8gFgfil0C8DYhb0tLS7iGrZUTWDNToBqTWATE3Ayb4CsQ+QAMOYGgGauQBUiCTRRlwg1dArAw04AuIw4QkEUpAIwiIAXEAjIOs2ZSBOGCOohnoZFYgZU+kZjugemZkm02AWItIzXowtTDNxGpENoCBcebMmcpA+jIQc5Kg+RsQ64BsbidRIwhwAXErSLMPA3nAD+bnqSRqnAYLMCNgiskB0kuI1LgQqD4bFEPg5AmMNz4gZw0QuxKheScoNQIN+AxzdhSRGkHAHYjDkON5OxDvBeKfQPwXiK8BcTMQC4JCFYhvQsV/APEeIN4B0gQQYAA1EEIIl9DbxQAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_qq:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEwMjg3OEZBNkExMTFFOEE3OUU5RkVFREI1QjVFRDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEwMjg3OEVBNkExMTFFOEE3OUU5RkVFREI1QjVFRDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDM0FGQzkwNkExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDM0FGQzkwN0ExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ploa0XAAAAEGSURBVHjaYvz//z8DMmBMP6sKpKqA2BOIxYH4JRBvA+KW/zON76GoRdYM1OgGpNYBMTcDJvgKxD5AAw5gaAZq5AFSIJNFGXCDV0CsDDTgC4jDhCQRSkAjCIgBcQCMg6zZlIE4YI6iGehkViBlT6RmO6B6ZmSbTYBYi0jNejC1MM3EakQ2gIGRIe2MMpC+DMScJGj+BsQ6IJvbSdQIAlxA3ArS7MNAHvCD+XkqiRqnwQLMCJhicoD0EiI1LgSqzwbFEDh5AuOND8hZA8SuRGjeCUqNQAM+w5wdRaRGEHAH4jDkeN4OxHuB+CcQ/wXia0DcDMSCoFAF4ptQ8R9AvAeId4A0AQQYALOMQW8BHi59AAAAAElFTkSuQmCC) no-repeat left center;
}
.news_detail .share .btn_wx {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzYyQzFDRjhBMUVEMTFFODlGMUNBMTg4MzZBRDE4MTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzYyQzFDRjlBMUVEMTFFODlGMUNBMTg4MzZBRDE4MTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjJDMUNGNkExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjJDMUNGN0ExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+XIPAAAAF8SURBVHjajNNLKERRHMfxa4xHkYVHpNnRKMWSkNeGhcLCwsajZJY2JhtJdoqFlDR3wcKCLMRCSGlKZCFlR5EJK68FFowyvqf+V/+Gud1/fbrnnHv73XPPOTctEolYUunoQR9qUIQ4LrGDRcSspAqFQr9tn1wDOMIaOiTIVCaqMIYLjFouZcLyEEWtjF0nPfOJe2RhFuNuYRMok/46yrGvnhlGEAnpT0n/T/nRq/qd2EKLGpvGkKzfMV7RgFt8JM8soPrZEpihxkrxIOtZiS4s4R0Htm236bBny72W0YgBFKtxs/ut2CNwxglbdQkyn1WPEtkIW66mrrAp7TCBgyZsEjcpwsy5qpD2G3ZlzZxdj6pnwybsBc04+ycsodqF2FBnsB1z6n7QObR36i1m+l/qjHmtmF91zA7W4UTWskBm1o18D2HzPtUZkSBT33jEE/rVTFPVChZ8Ht64LTt6mOL+uTk2/PAJv8f1OEWTHPBq5MgJiMu/mmt2+0eAAQA/RVYfl1jwpwAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_wx:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0FBM0QyMkVBNkExMTFFODkzNjFBNTNBNTM4N0VFRkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0FBM0QyMkRBNkExMTFFODkzNjFBNTNBNTM4N0VFRkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjJDMUNGOEExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjJDMUNGOUExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkrcFS0AAAF1SURBVHjajNTPKwRhHMfxmTU4kIMfcXCjdeKiCPl1opQcHFxECX+AzUWSm+IgF3FxcCDKj4P8umxEDig3imy4cqDESuP9re/oaZnZ+darnWdm+jwzz/eZta2hc0srA93oRQ2KkMQNdjGPhJVS7kL173FEf0txglV0aJBUFioximuMWAElYXmIo1bP3aXc84knZGMGY0Fh4yjT8RrKcWjcM4iovJGOJ3X8pxz0GONObKPFODeFAV2/U7yiAQ/4MMNsGuBa6Wsd72hHsZ77xpFMRhMOvNd8ThO0hEb0GUFe91uxbw9fTHthKwFB8lr1KNFGLOqv1C229DhGYL+ETeDeJ0z2VYUev2FP18zrety4NyZhL2jG5T9h5noWYsPYg22YNa5HvU37aMwij/9l7LGwlXCMQSbqcKZrWaBP1oX8EGFztvFt+pV8Xps6mV8tS7cjIWbc0Y4e+1y/kiD2muuEXA95/Cb9Q6hCju6ApH6rudLtHwEGAMh4VBgC9DJNAAAAAElFTkSuQmCC) no-repeat left center;
}
.news_detail i {
  display: block;
  border-top: 1px solid #ccc;
  margin-top: 45px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 1024px) {
  .news_detail {
    max-width: 100%;
    margin: 0 20px;
    padding-top: 50px;
  }
  .news_detail h3 {
    font-size: 18px;
  }
  .news_detail .share {
    margin-top: 30px;
  }
  .news_detail i {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .news_detail img{
    width: 100% !important;
    height: auto !important;
  }
}
.backlist {
  display: inline-block;
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  margin-top: 70px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.backlist:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM2RjM1NzJBMUVFMTFFODhCQUVBMkQyM0I5QURGMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM2RjM1NzNBMUVFMTFFODhCQUVBMkQyM0I5QURGMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzZGMzU3MEExRUUxMUU4OEJBRUEyRDIzQjlBREYzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzZGMzU3MUExRUUxMUU4OEJBRUEyRDIzQjlBREYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp2lXQsAAACXSURBVHjaYnzw4MF/BkwwHYizFCZ+BLGnAXEmugImKM2IhLMYiABMDGQCsjWyQOk0JDEbIP5IjMZZQGyMJPYFiI8g8UFsZnSNjMBQxWkqNFSxArwaCTl1Jhbxg0C8DMqOAmJ7bKEKCpizSJgHGkDIgcWDpiYNFqqzkBSCAkIXzYIjaGpm0j8BwDT+R8LTsKibhqaGASDAAOp+Jju7IxwiAAAAAElFTkSuQmCC) no-repeat center center;
}
.backlist:hover {
  color: #06c;
}
@media only screen and (max-width: 1024px) {
  .backlist {
    margin-top: 30px;
  }
}
.related {
  padding-top: 114px;
  padding-bottom: 140px !important;
}
.related .news_list a {
  padding-bottom: 48px;
}
.related .news_list li {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1024px) {
  .related {
    padding-top: 60px;
    padding-bottom: 50px !important;
  }
  .related .news_list li {
    margin-bottom: 30px;
  }
}
.map {
  position: relative;
}
.contact {
  overflow: hidden;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  padding-top: 134px;
  padding-bottom: 154px;
}
.contact .list {
  margin-right: -8px;
  margin-top: 70px;
}
.contact .list dt {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 32px;
  font-size: 24px;
  color: #333;
  letter-spacing: 2px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
}
.contact .list dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #0066cc;
  width: 22px;
  height: 4px;
  margin-left: -11px;
}
.contact .list dd {
  width: calc(25% - 8px);
  margin-right: 8px;
  float: left;
  border: 1px solid #ccc;
  height: 220px;
  overflow: hidden;
  margin-bottom: 8px;
}
.contact .list dd h3 {
  font-size: 18px;
  color: #0066cc;
  margin: 0 16px;
  margin-top: 38px;
  padding: 0 20px;
}
.contact .list dd i {
  display: block;
  border-top: 1px solid #ccc;
  margin: 0 16px;
  margin-top: 18px;
  margin-bottom: 25px;
}
.contact .list dd p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin: 0 16px;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .contact {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
  .contact .list {
    margin-top: 50px;
    margin-right: 0;
  }
  .contact .list dd {
    width: 100%;
    margin-right: 0;
    height: auto;
    padding-bottom: 38px;
  }
}
.policy {
  padding-top: 125px;
}
.policy .page {
  /* height: 564px; */
}
.policy .page .content {
  max-width: 1182px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
  padding-bottom: 80px;
}
.mt-50 {
  margin-top: 50px;
}
.policy .page .content::after {
  content: "";
  display: block;clear: both;
}
.policy .page .txt {
  width: 540px;
}
.policy .page h3 {
  font-size: 30px;
  color: #0066cc;
  line-height: 44px;
}
.policy .page h4 {
  font-size: 14px;
  color: #999;
  line-height: 44px;
}
.policy .page P {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.policy .page ul {
  float: left;
  width: 480px;
  margin-top: 155px;
  margin-left: 44px;
}
.policy .page ul li {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  height: 120px;
  text-align: center;
  margin: 0 5px;
  margin-bottom: 10px;
}
.policy .page ul li p {
  font-size: 14px;
  color: #333;
}
.policy .page ul li img {
  display: block;
  margin: auto;
  margin-top: 25px;
}
/* .policy .page1 {
  margin-top: 112px;
} */
.policy .page1,
.policy .page3 {
  background-color: #fafafa;
}
.policy .page1 .txt,
.policy .page3 .txt {
  float: left;
  margin-top: 80px;
}
.policy .page1 img,
.policy .page3 img {
  background: none;
  float: right;
  margin-top: 80px;
}
.policy .page2 img {
  margin-top: 80px;
}
.policy .page2,
.policy .page4 {
  background-color: #f7f7f7;
  border-top: 1px solid #fff;
}
.policy .page2 .txt,
.policy .page4 .txt {
  float: right;
  margin-top: 80px;
}
.policy .page2 img,
.policy .page4 img {
  background: none;
  float: left;
  margin-top: 80px;
}
.policy .page3 {
  border-top: 1px solid #fff;
}
.policy .page3 img {
  margin-top: 80px;
  margin-right: 0px;
}
.policy .page3 .txt {
  width: 488px;
  margin-top: 150px;
}
.policy dl {
  margin-top: 32px;
}
.policy dd {
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 19px;
  float: left;
  margin-right: 19px;
  margin-bottom: 10px;
}
.policy dd:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk2OEVCMDhBMjA0MTFFODgxMDVCREE3NzY2MERGNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk2OEVCMDlBMjA0MTFFODgxMDVCREE3NzY2MERGNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTY4RUIwNkEyMDQxMUU4ODEwNUJEQTc3NjYwREY1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTY4RUIwN0EyMDQxMUU4ODEwNUJEQTc3NjYwREY1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTkqWsAAABLSURBVHjaYmQovMiABCqBmBGI22ACLGiSbUh8MJsJh2QrEFfBTECXRFYENoGRATdgZEHS3YomWQ2SY0JyUDW6JLovQAL/0b0JEGAA/rANffmJ9gwAAAAASUVORK5CYII=) no-repeat center center;
}
.policy .page4 img {
  margin-top: 105px;
}
/* .solutionPage .common > h3{
  margin-bottom: 60px;
} */
@media only screen and (max-width: 1024px) {
  .policy {
    padding-top: 40px;
  }
  .policy .page {
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    /* padding-bottom: 60px; */
  }
  .policy .page .content {
    max-width: 100%;
    padding-bottom: 40px;
  }
  .policy .page h3 {
    font-size: 22px;
  }
  .policy .page .txt {
    width: auto;
    float: none;
    clear: both;
  }
  /* .policy .page1 {
    margin-top: 60px;
  } */
  .policy .page1 .txt,
  .policy .page3 .txt {
    padding-top: 40px;
    width: auto;
    float: none;
    clear: both;
    margin-top: 0px;
  }
  .policy .page1 img,
  .policy .page3 img {
    float: none;
    clear: both;
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .policy .page2 .txt,
  .policy .page4 .txt {
    margin-top: 0;
    padding-top: 40px;
  }
  .policy .page2 img,
  .policy .page4 img {
    float: none;
    clear: both;
    max-width: 100%;
    margin-top: 40px;
  }
  .policy .page3 img {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
  }
}
.struc {
  padding-top: 60px;
}
.struc .column {
  font-size: 0;
  text-align: center;
  margin-top: 46px;
}
.struc .column a {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 6px 12px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.struc .column a:hover,
.struc .column a.active {
  color: #0066cc;
}
.struc .list {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  border-bottom: 1px solid #ccc;
}
.struc .list li {
  border-top: 1px solid #ccc;
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 14px;
  margin-bottom: 44px;
}
.struc .item_pic {
  width: 48.64285714%;
  float: right;
  position: relative;
  padding-top: 28.35714286%;
}
.struc .item_pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.struc .item_desc {
  width: 51.35714286%;
  float: left;
  margin-top: 48px;
}
.struc .item_desc h3,
.struc .item_desc p {
  margin-right: 50px;
}
.struc .item_desc h3 {
  font-size: 30px;
  color: #0066cc;
  margin-bottom: 36px;
}
.struc .item_desc p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.struc .paging {
  margin-top: 128px;
  margin-bottom: 177px;
}
@media only screen and (max-width: 1024px) {
  .struc {
    padding-top: 40px;
  }
  .struc .column {
    margin-top: 25px;
  }
  .struc .list {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .struc .list li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
  }
  .struc .item_desc {
    width: auto;
    float: none;
    clear: both;
    margin-top: 0;
  }
  .struc .item_desc h3,
  .struc .item_desc p {
    margin-right: 0px;
  }
  .struc .item_pic {
    width: 100%;
    padding-top: 58.29662261%;
    float: none;
    clear: both;
  }
  .struc .paging {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}
.intellectual {
  padding-top: 120px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.intellectual .column {
  margin-right: -20px;
  margin-top: 88px;
}
.intellectual .column li {
  width: calc(25% - 20px);
  float: left;
  background-color: #f4faff;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  margin-right: 20px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.intellectual .column li:hover {
  background-color: #0066cc;
}
.intellectual .column li:hover .back {
  opacity: 0;
  visibility: hidden;
}
.intellectual .column li:hover .desc {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.intellectual .column .back {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.intellectual .column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.intellectual .column h3 {
  font-size: 14px;
  color: #0066cc;
  margin-top: 26px;
}
.intellectual .column h4 {
  font-size: 18px;
  color: #333;
}
.intellectual .column .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 45px 35px;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
}
.intellectual .column .desc h3 {
  color: #fff;
}
.intellectual .column .desc h4 {
  color: #fff;
  margin-top: 5px;
}
.intellectual .column .desc p {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-align: left;
  margin-top: 25px;
}
@media only screen and (max-width: 1024px) {
  .intellectual {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .intellectual .column {
    margin-top: 44px;
    margin-right: 0;
  }
  .intellectual .column li {
    width: 100%;
    margin-right: 0px;
    padding-top: 75px;
    padding-bottom: 75px;
    margin-bottom: 20px;
  }
}
.carrier {
  /*padding-top: 120px;*/
  padding-bottom: 94px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.carrier .swiper-slide {
  background-color: #f9fbfe;
  padding-bottom: 57px;
  position: relative;
}
.carrier .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #0066cc;
  z-index: 100;
}
.carrier .swiper-slide p {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 70px;
}
.carrier .swiper-slide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  width: 80%;
}
@media only screen and (max-width: 1024px) {
  .carrier {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 47px;
    overflow: hidden;
  }
}
.carrier_swiper {
  margin-top: 60px;
  position: relative;
}
.carrier_swiper .swiper-container {
  position: static;
}
.carrier_swiper .swiper-button-prev,
.carrier_swiper .swiper-button-next {
  width: 52px;
  height: 52px;
  background-color: rgba(0, 102, 204, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.carrier_swiper .swiper-button-prev:after,
.carrier_swiper .swiper-button-next:after {
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.carrier_swiper .swiper-button-prev:before,
.carrier_swiper .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.carrier_swiper .swiper-button-next,
.carrier_swiper .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  right: -98px;
}
.carrier_swiper .swiper-button-next:after,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
}
.carrier_swiper .swiper-button-next:hover:before,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:hover:before {
  width: 100%;
  height: 100%;
}
.carrier_swiper .swiper-button-next:hover:after,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:hover:after {
  animation: prev-move 1s 1;
}
.carrier_swiper .swiper-button-prev,
.carrier_swiper .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: -98px;
}
.carrier_swiper .swiper-button-prev:after,
.carrier_swiper .swiper-container-rtl .swiper-button-next:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
}
.carrier_swiper .swiper-button-prev:hover:before,
.carrier_swiper .swiper-container-rtl .swiper-button-next:hover:before {
  width: 100%;
  height: 100%;
}
.carrier_swiper .swiper-button-prev:hover:after,
.carrier_swiper .swiper-container-rtl .swiper-button-next:hover:after {
  animation: prev-move 1s 1;
}
.carrier_swiper .swiper-container {
  position: static;
}
@keyframes prev-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  51% {
    opacity: 0;
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) {
  .carrier_swiper {
    margin-top: 30px;
  }
  .carrier_swiper .swiper-button-next,
  .carrier_swiper .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    background-size: 26px auto;
  }
  .carrier_swiper .swiper-button-prev,
  .carrier_swiper .swiper-container-rtl .swiper-button-next {
    left: 0px;
    background-size: 26px auto;
  }
}
.award {
  background-color: #f9fbfe;
  padding-top: 70px;
  padding-bottom: 128px;
}
.award .container {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  margin-top: 84px;
}
@media only screen and (max-width: 1024px) {
  .award {
    padding-top: 35px;
    padding-bottom: 60px;
  }
  .award .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .award .container {
    margin-top: 42px;
  }
}
.faq {
  float: left;
  width: 50%;
}
.faq li {
  padding-right: 168px;
  position: relative;
  padding: 46px 50px;
  background-color: #fff;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  cursor: pointer;
}
.faq li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background-color: #0066cc;
}
.faq li:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUUxNjYwMEJBNDJDMTFFOEE4ODJCRDFENTU0MDZCQUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUUxNjYwMENBNDJDMTFFOEE4ODJCRDFENTU0MDZCQUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRTE2NjAwOUE0MkMxMUU4QTg4MkJEMUQ1NTQwNkJBQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRTE2NjAwQUE0MkMxMUU4QTg4MkJEMUQ1NTQwNkJBQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsR9zr0AAABKSURBVHjaYvz//z8DPsBYdAlEwRQx/u/Tw6ueiYHKYNTAkWAgI0PhRWLUwdMhIYUsSIpJMZh+XmYhxhukeJlxNC+PGjgIDAQIMADwGBNlnZXGbwAAAABJRU5ErkJggg==) no-repeat center center;
  top: 54px;
  right: 54px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li .back{
  height: 60px;
  overflow: hidden;
}
.faq li .desc {
  display: none;
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}
.faq li .desc p {
  height: auto;
}
.faq li time {
  display: block;
  font-size: 30px;
  color: #0066cc;
  width: 130px;
  vertical-align: 10px;
  height: 60px;
  float: left;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li p {
  float: left;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  width: calc(100% - 130px);
  padding-right: 50px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li.selected {
  background-color: #0066cc;
}
.faq li.selected time {
  color: #fff;
}
.faq li.selected p {
  color: #fff;
}
.faq li.selected .back {
  opacity: 0;
  visibility: hidden;
}
.faq li.selected:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAIAAADXZGvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGOUI5NEZBNjg3MTFFODhCQkZCNEYyOUIyQTVCOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGOUI5NTBBNjg3MTFFODhCQkZCNEYyOUIyQTVCOTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY5Qjk0REE2ODcxMUU4OEJCRkI0RjI5QjJBNUI5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY5Qjk0RUE2ODcxMUU4OEJCRkI0RjI5QjJBNUI5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqs85pIAAAAVSURBVHjaYvz//z8DuYCJgQIAEGAAaBUDAfgYHvAAAAAASUVORK5CYII=) no-repeat center center;
}
@media only screen and (max-width: 1024px) {
  .faq {
    width: 100%;
    float: none;
    clear: both;
  }
  .faq li {
    padding: 23px 25px;
  }
  .faq li time {
    font-size: 22px;
    width: auto;
    float: none;
    clear: both;
    height: auto;
  }
  .faq li .back{
    height: 134px;
  }
  .faq li .desc {
    top: -134px;
    margin-bottom: -134px;
  }
  .faq li p {
    float: none;
    clear: both;
    width: auto;
    padding-right: 0px;
    height: auto;
    margin-top: 20px;
  }
  .faq li:before {
    top: 22px;
    right: 14px;
  }
  #allmap{
    height: 300px !important;
  }
}
.teamPage .team {
  padding-bottom: 100px;
}
.teamPage .team li {
  margin-bottom: 42px;
}
.teamPage .paging {
  margin-top: 66px;
}
@media only screen and (max-width: 1024px) {
  .teamPage .team {
    padding-bottom: 50px;
  }
  .teamPage .paging {
    margin-top: 0;
  }
}
.gotoback{
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 50px;
  height: 50px;
  background-color: #0066cc;
  border-radius: 50%;
  background-image: url(../assets/images/icon/icon_top.png);
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1280px) {
  .team .desc{
    margin-top: -57px;
  }
  .team .desc h3{
    font-size: 14px;
  }
  .team .desc h4{
    font-style: 12px;
  }
  .team .desc p{
    margin-top: 0px;
    line-height: 20px;
    font-size: 12px;
    margin: 0 5px;
  }
}

.news_list .btn-pause__video{
  padding-left: 0;
  margin: 0;
  position: absolute;
  padding-top: 72.25609756%;
  bottom: -18px;
  right: 0;
  width: auto;
  background: none;
  left: 14.54545455%;
}
.news_list .btn-pause__video .btn-pause{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: 9px;
  margin-left: -25px;
  border-radius: 50%;
  background-color: #0066cc;
}

.news_list .btn-pause__video .btn-pause:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
  margin-top: -5px;
  margin-left: -2px;
}

@media only screen and (max-width: 1024px) {
  .news_list .btn-pause__video {
    bottom: 3px;
    left: 9.545455%;
  }
  .layui-layer-content{
     height: 100% !important;
  }
  .layui-layer-iframe iframe{
    height: 100% !important;
  }
  .layui-layer-setwin .layui-layer-close2{
    right: -14px !important;
    top: -13px !important;
  }
}